<ul class="rank-list _j_rank_list">
    <#list vos as vo>
        <li class="clearfix lop" data-type="${vo_index + 1}">
            <em class="num">${vo_index + 1}</em>
            <div class="user no_qid">
                <a class="avatar" href="javascript:;" target="_blank" rel="nofollow"><img
                            src="${vo.headImgUrl!}"></a>
                <span class="name"><a href="javascript:;" target="_blank"
                                      rel="nofollow">${vo.nickname!}</a></span>
                <span class="level"><a href="javascript:;" target="_blank"
                                       rel="nofollow">LV.${vo.level!}</a></span>
            </div>
            <span class="num">${vo.count!0}</span>
        </li>
    </#list>

    <script>
        var lop = $('.lop');
        lop.each(function (index, value) {
            var clearfix = $(value);
            var type = clearfix.data('type');
            if (type == 1) {
                clearfix.addClass("r-top r-top1");
            }
            if (type == 2) {
                clearfix.addClass("r-top r-top2");
            }
            if (type == 3) {
                clearfix.addClass("r-top r-top3");
            }
        })
    </script>

    <#--    <li class="r-top r-top2 clearfix">-->
    <#--        <em class="num">2</em>-->
    <#--        <div class="user no_qid">-->
    <#--            <a class="avatar" href="javascript:;" target="_blank" rel="nofollow"><img-->
    <#--                    src="http://p3-q.mafengwo.net/s10/M00/3B/2D/wKgBZ1jlwDiAEub5AABorL-ZUME853.png?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90"></a>-->
    <#--            <span class="name"><a href="javascript:;" target="_blank"-->
    <#--                                  rel="nofollow">藿香正气</a></span>-->
    <#--            <span class="level"><a href="javascript:;" target="_blank"-->
    <#--                                   rel="nofollow">LV.35</a></span>-->
    <#--        </div>-->
    <#--        <span class="num">101</span>-->
    <#--    </li>-->
    <#--    <li class="r-top r-top3 clearfix">-->
    <#--        <em class="num">3</em>-->
    <#--        <div class="user no_qid">-->
    <#--            <a class="avatar" href="javascript:;" target="_blank" rel="nofollow"><img-->
    <#--                    src="http://b3-q.mafengwo.net/s9/M00/C1/8E/wKgBs1fPrFKAEXzIAAClaEwD1QY29.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90"></a>-->
    <#--            <span class="name"><a href="javascript:;" target="_blank"-->
    <#--                                  rel="nofollow">azalea</a></span>-->
    <#--            <span class="level"><a href="javascript:;" target="_blank"-->
    <#--                                   rel="nofollow">LV.17</a></span>-->
    <#--        </div>-->
    <#--        <span class="num">92</span>-->
    <#--    </li>-->
    <#--    <li class="clearfix">-->
    <#--        <em class="num">4</em>-->
    <#--        <div class="user no_qid">-->
    <#--            <a class="avatar" href="javascript:;" target="_blank" rel="nofollow"><img-->
    <#--                    src="http://n4-q.mafengwo.net/s11/M00/89/CB/wKgBEFpjiE-AXxGMAAAQyvR6UoU51.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90"></a>-->
    <#--            <span class="name"><a href="javascript:;" target="_blank"-->
    <#--                                  rel="nofollow">新疆趣哪里-桃桃</a></span>-->
    <#--            <span class="level"><a href="javascript:;" target="_blank"-->
    <#--                                   rel="nofollow">LV.19</a></span>-->
    <#--        </div>-->
    <#--        <span class="num">80</span>-->
    <#--    </li>-->
</ul>